/* 字体样式图标声明 */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?qi0s9y');
    src:  url('../fonts/icomoon.eot?qi0s9y#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?qi0s9y') format('truetype'),
      url('../fonts/icomoon.woff?qi0s9y') format('woff'),
      url('../fonts/icomoon.svg?qi0s9y#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
.w {
    /* 版心 */
    width: 1200px;
    margin: 0 auto;
}
.shortcut .left {
    float: left;
}
.shortcut .right {
    float: right;
}
.style_red {
    /* 可调用的 红色 */
    color: #c81623;
}
/* 快捷导航 */
.shortcut {
    height: 31px;
    line-height: 31px;
    background-color: #f1f1f1;
}
.shortcut ul li {
    float: left;
    font-size: 12px;
}
.shortcut .right ul li:nth-child(even) {
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 9px 14px 9px 16px;
}
.arrow-icon::after {
    content: '\e900';
    font-family: 'icomoon';
    margin-left: 6px;
}

/* header 头部 */
.header {
    position: relative;
    height: 106px;
    background-color: #fff;
}
.logo {
    position: absolute;
    top: 25px;
    left: 3px;
    width: 171px;
    height: 61px;
    background: url(../images/logo.png) no-repeat;
}
.logo a {
    display: block;
    width: 171px;
    height: 61px;
    /* font-size: 0 京东的做法*/
    /* 移动到盒子的外面 */
    text-indent: -99999px;
    /* 溢出隐藏 */
    overflow: hidden;
}
/* 搜索模块 */
.search {
    position: absolute;
    left: 348px;
    top: 29px;
    width: 538px;
    height: 36px;
}
.search input {
    /* 因为两个盒子之间有缝隙 所以要加浮动 */
    float: left;
    width: 454px;
    height: 100%;
    padding-left: 10px;
    color: #8c8c8c;
    border: 2px solid #b1191a;
}
.search button {
    float: left;
    width: 80px;
    height: 100%;
    background-color: #b1191a;
    font-size: 16px;
    color: #fff;
}
/* hotwords 模块 */
.hotwords {
    position: absolute;
    top: 70px;
    left: 346px;
}
.hotwords a {
    margin: 0 10px;
}
/* 购物车 模块*/
.shopcar {
    position: absolute;
    top: 29px;
    right: 64px;
    width: 140px;
    height: 32px;
    line-height: 32px;
    border: 2px solid #dfdfdf;
}
.shopcar::before {
    /* 用伪类 写的 购物车logo */
    content: '\e901';
    font-family: 'icomoon';
    color: #b1191a;
    margin-left: 18px;
    /* 加粗属性 */
    font-weight: 600;
}
.shopcar a {
    font-size: 12px;
    margin-left: 7px;
}
.count {
    position: absolute;
    top: -5px;
    left: 97px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    padding: 0 5px;
    background-color: #e60012;
    border-radius: 7px 7px 7px 0;
}
.shopcar::after {
    content: '\e902';
    font-family: 'icomoon';
    color: #a6a6a6;
    margin-left: 15px;
}
/* nav 导航模块 */
.nav {
    height: 45px;
    border-bottom: 2px solid #c81623;
}
.nav .dropdown {
    float: left;
    width: 210px;
    height: 45px;
}
.dropdown .dd {
    width: 210px;
    height: 45px;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    background-color: #b1191a;
    color: #fff;
}
.dropdown .dt {
    width: 100%;
    height: 464px;
    font-size: 14px;
    background-color: #c81623;
}
.dropdown .dt ul li {
    /* 测量方法： 第一行字的顶端 量到 第二行字的顶端 */
    height: 31px;
    line-height: 31px;
    text-indent: 11px;
    margin-left: 2px;
}
.dropdown .dt ul li a {
    color: #fff;
}
.dropdown .dt ul li a::after {
    /* 伪类元素创建右箭头 */
    float: right;
    content: '\e902';
    font-family: 'icomoon';
    margin-right: 5px;
}
.dropdown .dt ul li:hover {
    /* 经过背景变成白色 */
    background-color: #fff;
}
.dropdown .dt ul li:hover a {
    /* 经过文字变成红色 */
    color: #b1191a;
}
.nav .navitems {
    float: left;
}
.navitems  ul li {
    float: left;
}
.navitems  ul li a{
    /* 转换为块级元素 */
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    font-size: 16px;
    color: #333;
}
.navitems  ul li a:hover {
    color: #b1191a;
}
/* 首页模块 */
.main {
    width: 980px;
    height: 455px;
    margin-left: 220px;
    margin-top: 10px;
}
.main .focus {
    float: left;
    width: 721px;
    height: 455px;
}
/* 新闻快讯模块 */
.newsflsh {
    float: right;
    width: 250px;
    height: 455px;
}
.news {
    height: 164px;
    border: 1px solid #e4e4e4;
}
.news_hd {
    height: 33px;
    padding: 0 15px;
    line-height: 33px;
    border-bottom: 1px dotted #e4e4e4;
}
.news_hd h5 {
    float: left;
    font-size: 14px;
}
.news_hd .more {
    float: right;
    font-size: 12px;
}
.news_hd .more::after {
    content: '\e902';
    font-family: 'icomoon';
}
.news_bd {
    padding: 5px 15px 0;
}
.news_bd ul li {
    /* 超出部分隐藏 */
    overflow: hidden;
    /* 必须文字一行显示 不允许换行*/
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    /*超过的文字 用省略号显示 */
    text-overflow: ellipsis;
}
/* lifeservice 精灵图模块 */
.lifeservice {
    /* 溢出的地方切除 */
    overflow: hidden;
    height: 209px;
    border: 1px solid #e8e8e7;
    border-top: 0;
}
.lifeservice ul li {
    float: left;
    width: 25%;
    height: 71px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
}
.lifeservice ul .style_x {
    border-right: 0;
}
.lifeservice ul li i {
    /* 转换为行内块元素 */
    display: inline-block;
    width: 24px;
    height: 28px;
    margin-top: 12px;
}
.lifeservice ul li {
    font-size: 12px;
    color: #666;
}
.lifeservice ul li .tb_1 {
    background: url(../images/icon.png) -19px -16px;
}
.lifeservice ul li .tb_2 {
    background: url(../images/icon.png) -80px -18px;
}
.lifeservice ul li .tb_3 {
    background: url(../images/icon.png) -142px -18px;
}
.lifeservice ul li .tb_4 {
    background: url(../images/icon.png) -206px -18px;
}
.lifeservice ul li .tb_5 {
    background: url(../images/icon.png) -18px -89px;
}
.lifeservice ul li .tb_6 {
    background: url(../images/icon.png) -80px -88px;
}
.lifeservice ul li .tb_7 {
    background: url(../images/icon.png) -143px -88px;
}
.lifeservice ul li .tb_8 {
    background: url(../images/icon.png) -209px -88px;
}
.lifeservice ul li .tb_9 {
    background: url(../images/icon.png) -17px -160px;
}
.lifeservice ul li .tb_10 {
    background: url(../images/icon.png) -79px -159px;
}
.lifeservice ul li .tb_11 {
    background: url(../images/icon.png) -143px -160px;
}
.lifeservice ul li .tb_12 {
    background: url(../images/icon.png) -209px -160px;
}
/* bargian 模块 */
.bargian {
    height: 75px;
    margin-top: 8px;
    background: url(../upload/bargian.jpg);
}
/* footer 底部模块 */
.footer {
    height: 415px;
    margin-top: 30px;
    padding-top: 30px;
    background-color: #f5f5f5;
}
/* footer 第一部分 */
.mod_service {
    height: 80px;
    border-bottom: 1px solid #ccc;
}
.mod_service ul li {
    float: left;
    width: 20%;
    height: 50px;
    padding-left: 35px;
}
.mod_service ul li h5 {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 7px;
    background: url(../images/icon.png) no-repeat;
}
.mod_service ul li:nth-child(1) h5 {
    background-position: -253px -3px
}
.mod_service ul li:nth-child(2) h5 {
    background-position: -255px -54px
} 
.mod_service ul li:nth-child(3) h5 {
    background-position: -257px -106px
} 
.mod_service ul li:nth-child(4) h5 {
    background-position: -258px -157px
} 
.mod_service ul li:nth-child(5) h5 {
    background-position: -258px -209px
} 
.service_text h4 {
    font-weight: 700;
    font-size: 14px;
}
.service_text p {
    font-size: 12px;
}
/* footer 第二部分 */
.mod_help {
    height: 185px;
    padding-top: 22px;
    padding-left: 50px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
.mod_help dl dt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.mod_help dl {
    float: left;
    width: 200px;
}
.mod_help dl:last-child {
    width: 90px;
    text-align: center;
}
/* 第三部分 */
.mod_copyright {
    text-align: center;
}
.mod_copyright .links a {
    display: inline-block;
    padding: 0 10px;
    margin: 20px 0 5px 0;
}
.copyright {
    line-height: 20px;
}
/* 楼层 主体 */
.box_bd {
    height: 360px;
}